.tool-bar {
  padding: 5px;
  height: 40px;
  background-color: #00abff;
}
.time-ctrl{
  margin-left:46% ;
}
.main-body {
  background-color:white;
  margin-top: 2px;
}
.container-fluid {
  padding: 0px;
}
.left-pie-container {
  float: left;
  width: 20%;
  /*height: 600px;*/
}
.baiduMap {
  width: 80%;
  height: 530px;
  float: right;
  position: relative;
}
.button-hide {
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: 99;
  cursor: pointer;
}


.screen{
  background:#000000;
  opacity: 0.5;
  width:100%;
  height: 25px;
  position: absolute;
  top:0;
  left: 0;
  display: none;
}
.screen span{
  color: #d1c400;
  line-height: 25px;
  margin-left: 10px;
}
/*弹出框*/
.floatdiv{
  background:#000000;
  opacity: 0.9;
  width: 800px;
  height: 500px;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
.title{
  margin-left: 10px;
  margin-top: 2px;
  font-size: 26px;
  line-height: 40px;
  color: #47a4e8;
}
.status-name{
  text-indent:-10px;
  font-size: 10px;
  margin-top:21px;
  color: #47a4e8;
}
.status-icon{
  height:12px;
  margin-top:23px;
  border-radius: 10%;
}
.status-icon-1{
  background: #a59b82;
}
.status-icon-2{
  background: #3ec222;
}
.status-icon-4{
  background: #fcc81d;
}
.status-icon-5{
  background: #ed6942;
}
.close{
  color: #ff0200;
  float: right;
  width: 18px;
  position: absolute;
  font-size: 39px;
  opacity: 0.7;
  right: 10px;
  font-weight:400;
  background: none;
  border: none;
  text-shadow: none
}
.close:hover{
  opacity: 1;
}
.close:active{
  margin-left: -1px;
  margin-top: 1px;
}
.close:focus{
  outline:none;
}
.bigger{
  color: #ff0200;
  float: right;
  width: 22px;
  position: absolute;
  font-size: 21px;
  opacity: 0.8;
  right: 35px;
  top:3px;
  background: none;
  border: none;
  font-weight:900;

}
.bigger:hover{
  opacity: 1;
}
.bigger:active{
  margin-left: -1px;
  margin-top: 1px;
}
.bigger:focus{
  outline:none;
}
.parting{
  width:98%;
  margin-left: 8px;
  height: 1px;
  background:#47a4e8;
  opacity: 0.9;
}
.select{
  margin-left: 15px;
  margin-top: 2px;
  color: #c5c5c5;
}
.vertical{
  margin-top: 16px;
  width: 12px;
  color: #c5c5c5;
  font-size: 8px;
}
.img1{
  margin-top: 8px;
  margin-left: 10px;
  width:60px;
  height:75px;
  background-size:60px 75px ;
  background-image:url(/assets/images/d1.png);
}
.img2{
  margin-top: 8px;
  margin-left: 10px;
  width:60px;
  height:75px;
  background-size:60px 75px ;
  background-image:url(/assets/images/d2.png);
}
.img3{
  margin-top: 8px;
  margin-left: 10px;
  width:60px;
  height:75px;
  background-size:60px 75px ;
  background-image:url(/assets/images/d3.png);
}
.col-width{
  width:14%;
}
/*全屏*/
.floatdiv2{
  background:#000000;
  opacity: 0.9;
  width: 100%;
  height:100%;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
.status-name2{
  text-indent:-10px;
  font-size: 14px;
  margin-top:21px;
  color: #47a4e8;
}
.img12{
  margin-top: 7px;
  margin-left: -13px;
  width:80px;
  height:84px;
  background-size:80px 84px ;
  background-image:url(/assets/images/d1.png);
}
.img22{
  margin-top: 7px;
  margin-left: -13px;
  width:80px;
  height:84px;
  background-size:80px 84px ;
  background-image:url(/assets/images/d2.png);
}
.img32{
  margin-top: 7px;
  margin-left: -13px;
  width:80px;
  height:84px;
  background-size:80px 84px ;
  background-image:url(/assets/images/d3.png);
}
.vertical2{
  margin-top: 18px;
  margin-left: 7px;
  width: 18px;
  color: #c5c5c5;
  font-size: 13px;
}


@media screen and (min-width: 1850px){
  /*.left-pie-container{*/
    /*height: 827px;*/
  /*}*/
}
